<script type="text/javascript">
function setSkin() { 
  <?php echo GadgetsSkins::loadSkin(); ?>

    document.getElementById('bgColor').innerHTML = 'bgColor: '+<?php echo GadgetsSkins::getBackgroundColor(); ?> 
    document.getElementById('bgImage').innerHTML = 'bgImage: '+<?php echo GadgetsSkins::getBackgroundImage(); ?> 
    document.getElementById('fontColor').innerHTML = 'fontColor: '+<?php echo GadgetsSkins::getFontColor();?> 
    document.getElementById('aColor').innerHTML = 'aColor: '+<?php echo GadgetsSkins::getAnchorColor(); ?> 
}
</script>
<?php echo JSFunction::addJSTags(GadgetsUtil::registerOnLoadHandler(new JSFunction('setSkin'))); ?>
<a href="javascript: setSkin()">Set skin!</a>

<div id="bgColor"></div>
<div id="bgImage"></div>
<div id="fontColor"></div>
<div id="aColor"></div>

<div id="main">
<a href="asdas">Blah blah</a>
Hello this is some font color!
</div>